.xt-button {
	position: relative;
	width: 100%;
}

.xt-button-main {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.xt-button-prepend,
.xt-button-append {
	display: flex;
	align-items: center;
	justify-content: center;
}

.xt-button-body {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10rpx;
}
.xt-loading{
		border: 5rpx solid #BCBABB; 
		border-top: 5rpx solid #F5F5F5; 
		border-radius: 50%;
		animation: spin 1s linear infinite;
		margin-left: 10rpx;
}
@keyframes spin {
  0% {
    transform: rotate(0deg); /* 从0度开始 */
  }
  100% {
    transform: rotate(360deg); /* 旋转360度 */
  }
}
.xt-button-none{
}
.xt-button {
	&-disabled {
    opacity: 0.6;
}
	&-text {
		border: none !important;
	}
	&-primary{
		background-color: #409EFF;
		color: #fff;
		border:2rpx solid #409EFF;
	}
	&-success {
	background-color: #67C23A;
	color: #fff;
	border:2rpx solid #67C23A;
}
&-warning{
	background-color: #E6A23C;
	color: #fff;
	border:2rpx solid #E6A23C;
}
&-danger{
	background-color: #F56C6C;
	color: #fff;
	border:2rpx solid #F56C6C;
}
&-info{
	background-color: #909399;
	color: #fff;
	border:2rpx solid #909399;
}
&-plain-primary{
	background-color: transparent;
	color: #409EFF;
}
&-plain-success{
	background-color: transparent;
	color: #67C23A;
}
&-plain-warning{
	background-color: transparent;
	color: #E6A23C;
}
&-plain-danger{
	background-color: transparent;
	color: #F56C6C;
}
&-plain-info{
	background-color: transparent;
	color: #909399;
}
&-hover{
	position: relative;
	&::after{
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.1);
	}
}
}